<template>
	<view class="infoText">
		<view class="titleCla">
			<view class="leftCla"></view>
			正在咨询中，此咨询将在23小时后结束
		</view>
		<view class="contCla">
			<view class="timeCla">2022-11-07 11:22</view>
			<view class="rightCla">
				<view class="rigth-img"></view>
				<view class="right-text">
					<view> <span style="color: #999999;">姓名：</span>何乐</view>
					<view> <span style="color: #999999;">性别：</span>男</view>
					<view>最近脖子痛，一直得不到缓解，也想锻炼一下身体，就是想全方位的提升一下身体素质</view>
				</view>
			</view>
			<view class="leftCla">
				<view class="left-text">
					建议您定期做个拉伸运动，适当活动和锻炼会有改善
				</view>
				<view class="left-img"></view>
			</view>
			<!-- <view class="leftCla">
				<view class="left-img"></view>
				<view class="left-contText">
					<view class="contText-go">
						<view class="go-blo">查看处方</view>
					</view>
					<view class="contText-hf">
						<span style="color:#999999;">诊断结果：</span>过于肥胖
					</view>
				</view>
			</view> -->
		</view>
		<view class="footText">
			<input class="foot-input" focus />
			<view class="radio">+</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				prescribingData:{},
				patientData:{}
			};
		},
		onLoad() {
			this.prescribingData =	uni.getStorageSync("e-prescribingDetail");
			this.patientData =	uni.getStorageSync("patientInfo");// 当前病人
			console.log('选择的处方',this.prescribingData,'病人',this.patientData);
		},
		methods:{
			toPrescription(){
				uni.navigateTo({
					url:"/pages/mine/myConsultation/editor/prescribeEditor/index"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.titleCla{
	padding: 0 36rpx;
	background-color: #FFF2E3;
	color: #F47333;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	.leftCla{
		background: #f47333;
		height: 14rpx;
		width: 14rpx;
		border-radius: 7rpx;
		margin-right: 10rpx;
	}
}
.contCla{
	padding: 30rpx 30rpx;
	.timeCla{
		width: 100%;
		text-align: center;
		padding-bottom: 20rpx;
	}
	.rightCla{
		display: flex;
		justify-content: flex-start;
		.right-text {
			width: 450rpx;
			background: #ffffff;
			padding: 26rpx;
			>view{
				padding: 10rpx 0;
				font-size: 28rpx;
			}
		}
		.rigth-img{
			background-image: url(@/static/img/common/woman.png);
			background-size: cover;
			width: 90rpx;
			height: 90rpx;
			border-radius: 50%;
			margin-right: 20rpx;
		}
	}
}
.leftCla{
	display: flex;
	justify-content: flex-end;
	margin: 60rpx 0;
	.left-img{
		background-image: url(@/static/img/common/man.png);
		background-size: cover;
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
		margin-left: 20rpx;
	}
	.left-text{
		width: 460rpx;
		background: #ffffff;
		padding: 26rpx;
		>view{
			padding: 10rpx 0;
			font-size: 28rpx;
		}
	}
}
.left-contText{
		.contText-go{
			height: 80rpx;
			width: 500rpx;
			background-image: url(@/static/img/common/text-go.png);
			background-size: cover;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			.go-blo{
				width: 140rpx;
				height: 48rpx;
				border: 1rpx solid #FFFFFF;
				border-radius: 24rpx;
				color: #FFFFFF;
				text-align: center;
				margin-right: 30rpx;
			}
		}
		.contText-hf{
			padding: 40rpx 20rpx;
			background: #ffffff;
			margin-left: 12rpx;
		}
}
.footText{
	position: fixed;
	width: 100%;
	bottom: 20rpx;
	border-top: 1px solid #E3E3E3;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 30rpx;
	.foot-input{
		width: 88%;
		height: 60rpx;
		background: #ffffff;
		border-radius: 35rpx;
	}
	.radio{
		width: 49rpx;
		height: 49rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 4rpx solid #333333;
		border-radius: 50%;
		font-size: 40rpx;
		font-weight: bold;
	}
}
</style>
